<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<meta charset="utf-8" />
		<title>凡客VANCL-互联网快时尚品牌</title>
		<link rel="stylesheet" href="css/index.css?_=<%=new Date().getTime() %>">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/index.js?_=<%=new Date().getTime() %>"></script>
	</head>
	<body>
			<div id="top">
				<!--Total  -->
				<jsp:include page="Total.jsp" />
			</div>
			<jsp:include page="menu.jsp" />
			<!--轮播图 -->
			<div id="lunbo">
				  <div class="images">
			         <!-- 小点 -->
				   <div class="dots">
			            <span class="active"></span>
				  		<c:forEach var="i" begin="2" end="${size}" step="1"> 
				  			<span></span>
			            </c:forEach>
			            
		        	</div>
				  <!-- 轮播图片 -->
				  <c:forEach items="${lpts }" var="lpts">
		            <div class="img one"><img src="images/index/${lpts.lptimage }"></div>
		          </c:forEach> 
		             <!-- 点击左右 -->
		            <div class="arrow left"><img src="images/index/zuo.gif"></div>
			        <div class="arrow right"><img src="images/index/you.gif"></div>
		        </div>
        </div>
        <div id="zhong">
        		<!-- 初秋推荐 -->
        	<div class="tuijian">初秋推荐 </div>
	        	<%-- <c:forEach items="${typelist }" var="type">
	        	　	<a onclick="downfile(this)" typeid="${type.typeid}" plain="true"><h1>${type.typename}</h1></a>
	        	</c:forEach> --%>
<!-- 				<script type="text/javascript">
				function downfile(e){
					　　var id = $(e).attr("typeid");
					　　alert(id);
					}
				</script> -->
				<c:forEach items="${tjlist }" var="tj">
		        	<dl class="tuijian01">
		        		<dt><img src="images/index/${tj.timages }?_=<%=new Date().getTime() %>"></dt>
		        		<dd>${tj.tname }</dd>
		        		<dd>售价:￥${tj.tprice }</dd>
		        	</dl>
	        	</c:forEach>
	        	<div style="clear: left;"></div>
	        	<!-- 优选推荐 -->
        	<p class="youxuan">优选推荐</p>
        	<div class="dingwei">
	        	<c:forEach items="${yxList }" var="yx" varStatus="s" begin="0" end="3">
			        	<dl class="youxuan${s.index }">
			        		<dt><img src="images/index/${yx.yimages }"></dt>
			        		<dd>${yx.yname }</dd>
			        		<dd>售价￥${yx.yprice }</dd>
			        	</dl>
	        	</c:forEach>
	        </div>
	        <div class="dingwei">
	        	<c:forEach items="${yxList }" var="yx" varStatus="ss" begin="4" end="7">
			        	<dl class="youxuan${ss.index }">
			        		<dt><img src="images/index/${yx.yimages }"></dt>
			        		<dd>${yx.yname }</dd>
			        		<dd>售价￥${yx.yprice }</dd>
			        	</dl>
	        	</c:forEach>
	        </div>
        	<!-- 下装推荐 -->
        	<p class="xiazhuang">下装推荐</p>
        	<c:forEach items="${xzList }" var="xz">
        	  	<dl class="tuijian01">
	        		<dt><img src="images/index/${xz.ximages }"></dt>
	        		<dd>${xz.xname }</dd>
	        		<dd>售价:￥${xz.xprice }</dd>
	        	</dl>
	        </c:forEach>
	        	<p class="xuanze">更多选择</p>
	        	<ul class="gengduo">
	        		<li><img src="images/index/jj.jpg"></li>
	        		<li><img src="images/index/pc-bb.jpg"></li>
	        		<li><img src="images/index/pc-mj.jpg"></li>
	        	</ul>
	        	<p class="kefu"><img src="images/index/kefu.jpg" style="width:1185px;"></p>
        </div>
	        	<p class="yejiao"><img src="images/index/yejiao.jpg" sytle="width:1049px;"></p>
	</body>
</html>
	